---
title: Introduction
---

export const metadata = {
  title: "Introduction",
  description: "Learn about Stagewise and its features.",
};

# Visual vibe coding. Right in your codebase.

Welcome to **stagewise** — a browser toolbar that connects your frontend UI to your code AI agents in your code editor.

- 🧠 Select any element(s) in your web app
- 💬 Leave a comment on it
- 💡 Let your AI-Agent do the magic

> Perfect for devs tired of pasting folder paths into prompts. stagewise gives your AI real-time, browser-powered context.

## Features

- ⚡ Works out of the box
- 🧩 Customise and extend functionality with Plugins
- 🧠 Sends DOM elements & more metadata to your AI agent
- 🧪 Comes with examples for React, Vue, Svelte and more

## Supported Agents

| Agent           | Supported      |
| --------------- | -------------- |
| Cursor          | ✅             |
| GitHub Copilot  | ✅             |
| Windsurf        | ✅             |
| Cline           | ✅             |
| Roo Code        | ✅             |
| Trae            | ✅             |

## Get Started

- [Quickstart](./docs/quickstart)
- [Plugins](./docs/plugins)
- [Community & Support](./docs/community)
- [Roadmap](./docs/roadmap)
- [Contributing](./docs/contributing)
- [Contact](./docs/contact)
